props, state

❓질문

리액트의 props와 state에 대해서 설명해주세요.

💡 조사하기전 내가 알고 있던 내용

리액트에서 데이터를 보관할떄 쓰입니다
상태를 변경하면 리액트에서 이를 알아채고 리렌더링이 일어납니다 이떄 state는 그냥 컴포넌트 내부에서 관리되는 데이터고 props는 부모 컴포넌트가 자식 컴포넌트로 내린 데이터를 의미합니다.

🏫 정리한 내용

둘다 리액트에서 데이터를 보관할때 사용됩니다.
props는 부모 컴포넌트가 자식 컴포넌트에게 읽기 전용의 데이터를 보낸다 라고 생각하면 됩니다. 읽기전용인 이유는 리액트의 단방향 데이터 흐름상 데이터의 출처가 확실해지고 예상치 못한 데이터에 변동이 생기는걸 막을수 있습니다.

state는 컴포넌트 내부에서 관리되는 데이터입니다. state는 동적으로 변경될수있며
Component의 렌더링에 영향을 미칩니다. state가 변동되면 컴포넌트가 다시 렌더링 되며 UI가 업데이트 됩니다.

만약에 자식 컴포넌트에서 부모 컴포넌트로 부터 받은 props를 변경할려면 어떻게 해야할까요?
-> 상태 변경 함수를 props로 내려 '상태 끌어 올리기' 패턴을 사용하면 됩니다..